<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
  /* 全局样式 */
  *{padding:0;margin:0;}
  input,button{outline: none;}
  button{cursor: pointer;}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* margin-top: 60px; */
}
#home {
		width: 100%;
		height: 100%;
	}

  /* 头标签*/
	.el-header {
		background-color: #ffffff;
		color: #333;
		display: flex;
		justify-content: flex-end;
		text-align: center;
		line-height: 60px;
	}

  /* 左半部分分类 */
	.el-aside {
		background-color: #2e384b;
		color: #333;
		text-align: center;
	}

  .el-aside .el-menu{
  	border-right: none;
  }

	.el-aside h1 {
		width: 100%;
		height: 60px;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 60px;
		background: #222d3d;
	}

	.el-main {
		background-color: #E9EEF3;
		color: #333;
	}

	.el-container {
		height: 100vh;
	}
  .el-container header {
    background-color: #f97487;
  }
  .cell{
    text-align: center;
  }

  /* 组件样式*/
  /* 头标签背景*/
  .el-dialog > .el-dialog__header{
    background-color: #fdb4bf;
  }
  /* 标题颜色*/
  .el-dialog > .el-dialog__header > .el-dialog__title{
    color: #fff;
  }
  /* 表单文本框居左*/
  .el-dialog > .el-dialog__body > .el-form{
    text-align: left;
  }
  .el-menu-item-group__title{
    padding: 0;
  }
  /* 搜索框选择项背景*/
  .input-with-select .el-input-group__prepend {
      background-color: #fff;
    }
</style>
